<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<button appId="<?php echo $appId ?>"
        timeStamp="<?php echo $timeStamp ?>"
        nonceStr="<?php echo $nonceStr ?>"
        package="<?php echo $package ?>"
        signType="<?php echo $signType ?>"
        paySign="<?php echo $paySign ?>"
        onclick="onBridgeReady(this)"
>no_real_pay</button>
</body>
<!--<script src="js/jquery.js"></script>-->
<script>
    function onBridgeReady(obj){
        var appId = obj.getAttribute('appId');
        var timeStamp = obj.getAttribute('timeStamp');
        var nonceStr = obj.getAttribute('nonceStr');
        var package1 = obj.getAttribute('package');
        var signType = obj.getAttribute('signType');
        var paySign = obj.getAttribute('paySign');

        WeixinJSBridge.invoke(
            'getBrandWCPayRequest', {
                "appId":appId,     //公众号名称，由商户传入
                "timeStamp":timeStamp,         //时间戳，自1970年以来的秒数
                "nonceStr":nonceStr, //随机串
                "package":package1,
                "signType":signType,         //微信签名方式：
                "paySign": paySign//微信签名
            },
            function(res){
                if(res.err_msg == "get_brand_wcpay_request:ok" ){
                    // 使用以上方式判断前端返回,微信团队郑重提示：
                    //res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
                    alert("支付成功");
                }
            });
    }
    if (typeof WeixinJSBridge == "undefined"){
        if( document.addEventListener ){
            document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
        }else if (document.attachEvent){
            document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
            document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
        }
    }else{
        onBridgeReady();
    }
</script>
</html>